<html>
<head>
	<title>extxml</title>
	<script type="text/javascript" src="lib/ext/adapter/prototype/prototype.js"></script> 
	<script type="text/javascript" src="lib/ext/adapter/prototype/scriptaculous.js?load=effects"></script> 
	<script type="text/javascript" src="lib/ext/adapter/prototype/ext-prototype-adapter.js"></script> 
	<script type="text/javascript" src="lib/ext/ext-all-debug.js"></script>
	<link rel="stylesheet" type="text/css" href="lib/ext/resources/css/ext-all.css">
	<link rel="stylesheet" type="text/css" href="lib/ext/resources/css/xtheme-gray.css">
	<!--<link rel="stylesheet" type="text/css" href="lib/ext/resources/css/ytheme-vista.css">-->
	<script type="text/javascript" src="simple.js"></script>
	<script type="text/javascript" src="complex.js"></script>
	<script type="text/javascript">
		Ext.form.Field.prototype.msgTarget = 'side' ;
		function Application_onStart() {
			Ext.QuickTips.init();
			var dv = Ext.get('example-form') ;
			simple.render(dv) ;
			dv.createChild({tag: 'p', html: '&nbsp;'});
			complex.render(dv) ;
			dv.createChild({tag: 'p', html: '&nbsp;'});
			datastore.load() ;
			groupstore.load() ;
			grid.render(Ext.get('example-grid')) ;
			grid2.render(Ext.get('example-grid2')) ;
		}
		Ext.onReady(Application_onStart) ;
	</script>
	<style type="text/css">
		.x-grid-panel {text-align:left;}
	</style>
</head>
<body>
<center>
<p>&nbsp;</p>
<div id='example-form'></div>
<p>&nbsp;</p>
<div id='example-grid'></div>
<p>&nbsp;</p>
<div id='example-grid2'></div>
<p>&nbsp;</p>
</center>
</body>
</html>
